<%@ page language="java"  pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<head>
<link href="<%=request.getContextPath() %>/favicon.ico" type="image/x-icon" rel="shortcut icon" />
<link href="<%=request.getContextPath()%>/css/global.css" type="text/css" rel="stylesheet" />
<link href="<%=request.getContextPath() %>/js/easyui/themes/metro/easyui.css" type="text/css" rel="stylesheet"/>
<link href="<%=request.getContextPath() %>/js/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/global.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/easyui/easyui.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/ztree/ztree.js"></script>
<script type="text/javascript">

$(function(){
	$.fn.zTree.init($("#catTree"), setting, zNodes);
});

var setting = {
		data: {
			key:{
				name:'catName',
				title:'catNo'
			},
			simpleData: {
				enable: true,
				idKey:'catNo',
				pIdKey:'catDad',
				rootPid:-1
			}
		}
	};

var zNodes =<s:property value="catTree" escape="false"/>;


</script>
</head>
<body >
    <div class="easyui-panel" title="树状面板" style="width:100%;" data-options="fit:true">
    	<ul id="catTree" class="ztree"></ul>
    </div>
<br/>
<br/>
<br/>
</body>
</html>
